page-order {
  ion-content{
    .toolbar-background-ios, .toolbar-background-md{
      background: #fff;
    }
  }
  .order_list{
    ion-list{
      margin-bottom: 0;
    }
    .list_item{
      >p{
        background: #f2f2f2;
        padding:5px 10px;
        color:#333;
        span{
          color:#FF5100;
          font-size: 12px;
        }
      }
      .delete{
        float: right;
        color:#FF5100;
        font-size: 24px;
      }
      .price{
        text-align: right;
        font-size: 12px;
        i{
          font-style: normal;
          font-size: 10px;
          color:#969696;
        }
        span{
          color:#FF5100;
        }
      }
      .status{
        padding:3px 10px;
        height: 30px;
        box-sizing: border-box;
        span{
          font-size: 10px;
          padding:3px 10px;
          background: #ff0505;
          color:#fff;
          border-radius: 12.5px;
          float: right;
          margin-right: 15px;
          white-space: nowrap;
        }
      }
    }
    ion-item{
      position: relative;
      background: #fff;
      ion-label{
        display: flex;
        pointer-events: inherit;
        max-width: none;
        font-size: 12px;
        margin: 0;
        img{
          width:  60px;
          height: 60px;
          margin-left: 5px;
          z-index: 100;
        }
        >div{
          padding-left: 5px;
          p{
            text-overflow: ellipsis;

            &.price{
              color:red;
            }
            &.name{
              color:#333;
              z-index: 100;
              max-width: 200px;
              overflow: hidden;
              text-overflow: ellipsis;
            }
          }
        }
      }

      .nums{
        position: absolute;
        right:15px;
        bottom:15px;
        font-size: 12px;
      }
    }
  }
  .no_more{
    text-align: center;
    padding:5px ;
    color: #969696;
  }
}
